/* pages/setInfo/index.wxss */
.container {
  background-color: var(--main-background-color);
  .personalInfoBox {
    position: relative;
    background-color: #4888fc;
    width: 100%;
    height: 300rpx;
    box-shadow: var(--main-div-shadow);
    .avatarBox {
      width: 140rpx;
      margin: 65rpx auto;
      .personalInfoRow {
        .userinfo-avatar {
          overflow: hidden;
          width: 140rpx;
          height: 140rpx;
          border-radius: 50%;
        }
      }
      .changeAvatar{
        font-size: var(--main-font-size);
        text-align: center;
        color: white;
      }
    }
  }
  .infoListBox{
    width: 100%;
    margin-top: var(--main-div-margin);
    background-color: white;
    .infoItem{
      margin: 0 30rpx 0 30rpx;
      height: 90rpx;
      line-height: 90rpx;
      border-bottom: #dfdfdf 1rpx solid;
      font-size: var(--main-font-size);
    }
  }
}